﻿html, body {
	border: 2 #333333 inset;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1em;
	font-family: verdana, arial, helvetica, sans-serif;
	height: 100%;
	background: url('../images/bg.png');
	width: 1004;
}
a {
	-moz-outline:none;
	color:#36c;
}
a img {
	border:0;
}
a:hover {
	text-decoration:none;
}
a:active {
	outline:none;
}

#header-wrap {
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: url('../images/header-bg.png') repeat-x left top;
	z-index:1;
}


#header {
	height: 45px;
	width: 960px;
	padding:0;
	position:relative;
	margin:0 auto;
	display:block;
}


/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
ul.menu {
	list-style-type:none;
	margin:0;
	padding:6px 0 0 6px;
	float: right;
}
ul.menu li {
	display:block;
	height: 30px;
	float:left;
	position:relative;
	margin:0 9px 0 0;
	padding:0;
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */
}
ul.menu li.current {
	background:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
ul.menu li:hover {
	background:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


ul.menu li a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	padding:6px 15px 5px 15px;
	line-height:18px;
}

ul.menu li a span {
	font-weight:normal;
	padding-left:3px;
}
ul.menu li.drop a {
	padding-right:7px;
}
ul.menu li.drop:hover li {
	border:none;
}
ul.menu li.drop span.toggle {
	display:block;
	float:left;
	width:21px;
	height:26px;
	background:url('../images/toggle.png') no-repeat 0 -20px;
	padding:0;
	margin:0 7px 0 0;
}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
	background-position:1px 5px;
}
ul.menu li.drop:hover, ul.menu li.current:hover {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
ul.menu li.drop:hover ul {
	display:block;
	z-index:1;
	padding-bottom:8px;
}
ul.menu li ul {
	display:none;
	position:absolute;
	width: 100%;
	top:30px;
	left:0;
	list-style-type:none;
	margin:0;
	padding:9px 0 0 0;
	background:#000000;
	filter: alpha(opacity=75); /* internet explorer */
}
ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
	filter: alpha(opacity=100); /* internet explorer */
}
ul.menu li ul li a {
	float:none;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:13px;
	height:auto;
	margin:0;
	padding:4px 13px 4px 13px;
	font-weight:normal;
}

/* drop down menu hover styles */
ul.menu li:hover ul {
	border:none;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
ul.menu li:hover ul * {
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
ul.menu li ul li:hover {
	background-color:#333333;
}

#underheader {
	background-image:url('../images/underheader.png');
	background-repeat:repeat-x;
	height:25px;
	width:100%;
	position:relative;
	top:-4px;
	opacity:0.7;
	z-index:-1;
}

#user a {
	position:relative;
	top:3px;
	left:45%;
	color:black;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
        color: white;
}

/*add*/
#loggeduser a {
	position:relative;
	top:3px;
	left:45%;
	color:black;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
        color: white;
}

#button {
	border: 1px white solid;
	background-color:#666666;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

#registerbutton {
	border: 1px white solid;
	background-color:#666666;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

#addcartbutton {
	border: 1px white solid;
	background-color:#666666;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

#registerForm {
    font-family: arial;
    margin: 0 auto;
    width: 380px;
    position:relative;
    top: 50px;
}

#registerForm fieldset {
    border: 1px solid #333333;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    background-color:white;
    opacity:0.8;
}

#registerForm div {
    margin-bottom: 10px;
}

#registerForm label {
    float: left;
    text-align: right;
    width: 130px;
}

#registerForm input {
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-left: 10px;
    width: 170px;
}

#radiobutton {
    position:relative;
    left:1px;
    right:1px;
}

#errorcheck {
    position: relative;
    top:-355px;
    left:340px;
    width: 300px;
    height: 350px;
}
#pass_error {
    position: relative;
    top:40px;
    left:0px;
    text-align: left !important;
}

#realname_error {
    position: relative;
    top:100px;
    left:0px;
    float:left;
    text-align: left !important;
}
#birth_error {
    position: relative;
    top:110px;
    left:0px;
    text-align: left !important;
}
#email_error {
    position: relative;
    top:120px;
    left:0px;
    text-align: left !important;
}
#address_error {
    position: relative;
    top:130px;
    text-align: left !important;
}
#city_error {
    position: relative;
    top:140px;
    left:0px;
    text-align: left !important;
}
#phone_error {
    position: relative;
    top:150px;
    left:0px;
    text-align: left !important;
}

#login_error_check {
    width: 300px;
    height: 100px;
    position: relative;
    top: -170px;
    left:340px;
}

#username_error {
    position: relative;
    top:10px;
    left:0px;
    text-align: left !important;
}

#password_error {
    position: relative;
    top:20px;
    left:0px;
    text-align: left !important;
}
#bookdetail {
    float:left;
    text-align: left !important;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}
#bookdetailTitle {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px #FFFFFF solid;
    text-align: left !important;
}
#description {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left !important;

}

#nobookwarning {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left !important;
}

#errorcheck2 {
    position: relative;
    top:-385px;
    left:340px;
    width: 300px;
    height: 330px;;
}

#errorcheck3 {
    position: relative;
    top:-620px;
    left:340px;
    width: 300px;
    height: 530px;
}

#title_error {
    position: relative;
    top:25px;
    left:0px;
    text-align: left !important;
}
#author_error{
    position: relative;
    top:36px;
    left:0px;
    text-align: left !important;
}
#publisher_error{
    position: relative;
    top:47px;
    left:0px;
    text-align: left !important;
}
#category_error{
    position: relative;
    top:58px;
    left:0px;
    text-align: left !important;
}
#description_error{
    position: relative;
    top:89px;
    left:0px;
    text-align: left !important;
}
#image_error{
    position: relative;
    top:125px;
    left:0px;
    text-align: left !important;
}
#price_error{
    position: relative;
    top:136px;
    left:0px;
    text-align: left !important;
}
#inventory_error{
    position: relative;
    top:147px;
    left:0px;
    text-align: left !important;
}